<template>
	<!-- 标题文字组件 -->
	<view :style="{paddingTop:`${newData.spaceTop}rpx` ,paddingBottom: `${newData.spaceBottom}rpx`,
	    paddingLeft: `${newData.spaceLR}rpx`,paddingRight: `${newData.spaceLR}rpx`}">
		<div-base-navigator :pageUrl="newData.pageUrl">
			<view class=""
				:style="{color: `${newData.color}`, fontSize: `${newData.fontSize}rpx`, fontWeight: newData.textBold =='2' ? 700 :400 ,textAlign:`${newData.textPosition}`}">
				{{newData.title}}
			</view>
		</div-base-navigator>
	</view>
</template>

<script>
	const app = getApp();
	import divBaseNavigator from '../div-base/div-base-navigator.vue'
	export default {
		props: {
			value: {
				type: Object,
				default: function() {
					return {}
				}
			}
		},
		components: {
			divBaseNavigator
		},
		data() {
			return {
				theme: app.globalData.theme, //全局颜色变量
				newData: this.value,
			};
		},
		methods: {
			jumpPage(page) {
				if (page) {
					uni.navigateTo({
						url: page
					});
				}
			}
		}
	}
</script>

<style scoped lang="scss">

</style>